div.menuBackground {background-color: #eee; border-top:solid 1px #bbb; border-bottom:solid 1px #bbb; padding:1px;}
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px;}
ul.menu ul {position:absolute; top:29px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}

/* deja los menu SIN borde inferior*/
ul.menu ul li {position:relative; border-left:1px solid #aaa; border-right:1px solid #aaa; border-top:none; width:185px; margin:0}

/* deja los menu CON borde inferior*/
/*ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:185px; margin:0}*/

ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#fff}
ul.menu ul li a:hover {background-color:#d5d5d5}
ul.menu ul ul {left:185px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 20px 7px; font-weight:bold; background:url(img/menu/header.gif);}
ul.menu .menulink:hover {background:url(img/menu/header_over.gif); color:#fff}
ul.menu .sub {background:#fff url(img/menu/arrow.gif) 175px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
ul.menu .bottomline {border-bottom:1px solid #aaa}

